<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
  <title>用户列表</title>
  <script type="application/javascript" src="${pageContext.request.contextPath}/js/jquery-3.6.0.js"></script>
  <script type="application/javascript">
    $(function() {
      $("#btn").click(function(){
        let param = {
          name:"张三",
          age:22
        }
        $.ajax({
          type: "POST",
          url: "/tree.action",
          data: param,
          success:function(res){
            document.getElementById("divDemo").textContent = res.name;

          },
          error:function(xhr,status,error){
            console.log("错误码"+status.code+"，信息"+error);
          }
        })
      })
    })
  </script>
</head>
<body>
<div>
  ${pageContext.request.contextPath}
</div>
<table border="1" width="500px">
  <tr><th>序号</th><th>用户名称</th><th>性别</th><th>邮箱</th></tr>
  <c:forEach var="user" items="${userList}" varStatus="status">
    <tr><td>${status.count}</td><td>${user.username}</td><td>${user.gender}</td>
      <td>${user.email}</td></tr>
  </c:forEach>
</table>
<div id="divDemo">

</div>
<input type="button" value="测试" id="btn" />
</body>
</html>
